<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>

     <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.css">
    <script src="../lib/easyui/jquery.min.js"></script>
    <script src="../lib/js/bootstrap.js"></script>
</head>
<body>
 <div  title="登录界面" style="margin: auto;background-color:#CCFFFF;height:400px;width:100%;max-width:400px;padding:30px 60px;">
        <h3 style="color:#3399FF">登录界面</h3>
        <p>
        <br>
        <form id="form" method="post" title="登录界面">
            <div style="margin-bottom:20px">
                <label style="color:#3399FF">账号</label>
                <input class="easyui-textbox" id="account" style="width:100%"  placeholder="请输入账号">
            </div>
            <div style="margin-bottom:20px">
                <label style="color:#3399FF">密码</label>
                <input class="password" type="password" id="password" style="width:100%"  placeholder="请输入密码">
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" id="login" class="btn btn-default" style="background-color:#3399CC;">登录</button>
                    <button type="submit" class="btn btn-default" style="background-color:#FF9966;">取消</button>
                </div>
            </div>
           <div class="form-group">
                <div  class="col-sm-offset-2 col-sm-10" style="margin-bottom:20px">
                    <label>没有账号？</label>
                    <a href="https://www.zhihu.com/signup?next=%2F">注册</a>
                </div>
            </div>

        </form>
    </div>

 <script>
     document.getElementById('login').onclick = function(){
         var account=document.getElementById('account').value
         var password=document.getElementById('password').value
         alert("账户："+account+",密码："+password)
     }
 </script>

</body>
</html>